<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/a.css">
</head>

<body>
    <div class="header">
        <div class="q">
            <div class="w">
                <img src="./image/logo.png" alt="">
            </div>
            <div class="text">
                <ul>
                    <li>首页</li>
                    <li>关于软景</li>
                    <li>新闻中心</li>
                    <li>产品介绍</li>
                    <li>招贤纳士</li>
                    <li>下载中心</li>
                    <li>联系我们</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="banner">
        <!-- <img src="./image/banner.jpg" alt="" style="width: 1520px;"> -->
    </div>
    <div class="main">
        <div class="e">
            <div class="r">
                <img src="./image/icon-1.jpg" alt="">
            </div>
            <div class="t">
                <h2>行业解决方案</h2><br>
                <span>客户服务体系，对讲集群系统,
                    <br>手机名片，移动物业，解决方案</span>
            </div>
        </div>
        <div class="e">
            <div class="r">
                <img src="./image/icon-2.jpg" alt="">
            </div>
            <div class="t">
                <h2>行业解决方案</h2><br>
                <span>客户服务体系，对讲集群系统,
                    <br>手机名片，移动物业，解决方案</span>
            </div>
        </div>
        <div class="e">
            <div class="r">
                <img src="./image/icon-3.jpg" alt="">
            </div>
            <div class="t">
                <h2>行业解决方案</h2><br>
                <span>客户服务体系，对讲集群系统,
                    <br>手机名片，移动物业，解决方案</span>
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="l">
            <div class="p1">产品展示</div>
            <div class="p2">PRODUCT DISPLAY</div>
            <div class="p3">科技创造未来 服务创造价值</div>
            <div class="xian"></div>
        </div>
    </div>

    <div class="f">

        <div class="z">
            <div class="x">
                <img src="./image/pic02.jpg" alt="">
            </div>
            <div class="c">
                <h2>服务器</h2>
                <span style="color: rgb(86, 108, 123);">THE&nbsp;SERVER</span>
                <br><br>
                <span>储存，深度学习储存，深度学习储存，
                    <br>服务器，工作站，优选产品</span>
            </div>
        </div>

        <div class="z">
            <div class="x">
                <img src="./image/pic03.jpg" alt="">
            </div>
            <div class="c">
                <h2>服务器</h2>
                <span style="color: rgb(86, 108, 123);">THE&nbsp;SERVER</span>
                <br><br>
                <span>储存，深度学习储存，深度学习储存，
                    <br>服务器，工作站，优选产品</span>
            </div>
        </div>

        <div class="z">
            <div class="x">
                <img src="./image/pic04.jpg" alt="">
            </div>
            <div class="c">
                <h2>服务器</h2>
                <span style="color: rgb(86, 108, 123);">THE&nbsp;SERVER</span>
                <br><br>
                <span>储存，深度学习储存，深度学习储存，
                    <br>服务器，工作站，优选产品</span>
            </div>
        </div>

        <div class="z">
            <div class="x">
                <img src="./image/pic05.jpg" alt="">
            </div>
            <div class="c">
                <h2>服务器</h2>
                <span style="color: rgb(86, 108, 123);">THE&nbsp;SERVER</span>
                <br><br>
                <span>储存，深度学习储存，深度学习储存，
                    <br>服务器，工作站，优选产品</span>
            </div>
        </div>

        <div class="z">
            <div class="x">
                <img src="./image/pic06.jpg" alt="">
            </div>
            <div class="c">
                <h2>服务器</h2>
                <span style="color: rgb(86, 108, 123);">THE&nbsp;SERVER</span>
                <br><br>
                <span>储存，深度学习储存，深度学习储存，
                    <br>服务器，工作站，优选产品</span>
            </div>
        </div>

        <div class="z">
            <div class="x">
                <img src="./image/pic01.jpg" alt="">
            </div>
            <div class="c">
                <h2>服务器</h2>
                <span style="color: rgb(86, 108, 123);">THE&nbsp;SERVER</span>
                <br><br>
                <span>储存，深度学习储存，深度学习储存，
                    <br>服务器，工作站，优选产品</span>
            </div>
        </div>


    </div>
</body>

</html>